<template>
    <div class="uc-main">
      <h2>User Information</h2>
      <div v-if="userInfo">
        <p><strong>Name:</strong> {{ userInfo.name }}</p>
        <p><strong>Email:</strong> {{ userInfo.email }}</p>
        <p><strong>Phone:</strong> {{ userInfo.phone }}</p>
        <!-- 根据需要显示更多用户信息 -->
      </div>
      <div v-else>
        <p>Loading user information...</p>
      </div>
    </div>
  </template>
  
  <script>
  export default {
    props: {
      userInfo: {
        type: Object,
        required: false
      }
    }
  };
  </script>
  
  <style scoped>
  .uc-main {
    flex: 3;
    padding: 20px;
  }
  </style>
  